@import "./commom.scss"; //引入导航栏和版权区域的公共样式


// 分类选区
.kind_select {
    margin-bottom: 50px;

    >p {
        margin: 80px 0px;
        margin-bottom: 50px;

        >span {
            margin-right: 50px;
            width: 440px;
            height: 47px;
            font-family: MicrosoftYaHei;
            font-size: 40px;
            letter-spacing: -3px;
            color: #d63a39;

            &:nth-of-type(2) {
                color: #000;
            }
        }
    }

    >div {
        >span {
            position: relative;
            margin-right: 40px;

            &:nth-of-type(n-4) {
                select {
                    outline: none;
                    column-count: 3;
                    width: 60px;
                    font-style: italic;
                    color: #999;
                    border: 1px solid #999;
                }

                i {
                    box-sizing: border-box;
                    border-top: 1px solid #999;
                    z-index: 0;
                    position: absolute;
                    top: 3px;
                    right: 6px;
                    // top: 2px;
                    width: 15px;
                    height: 18px;
                    text-align: center;
                    line-height: 18px;
                    background-color: #DCDCDC;
                    color: #fff;
                    pointer-events: none;
                }
            }


        }
    }
}

// 内容区域
main {
    padding: 0px 60px;
    padding-bottom: 180px;
    display: flex;
    justify-content: space-evenly;
    background-color: #F0EFEF;

    ul {
        li {
            margin-bottom: 10px;
            color: #3c3b3b;
            background-color: #fff;

            p:nth-of-type(1) {
                margin: 18px 8px 12px;
                display: flex;
                justify-content: space-between;
                font-size: 18px;
                font-weight: 500;
                letter-spacing: 1px;


                >span {
                    margin-right: 8px;
                    font-size: 18px;
                    letter-spacing: 1px;
                    color: #bbb;
                }
            }

            p:nth-of-type(2) {
                margin: 5px 8px 30px;
                color: #8b8a8a;

                span {
                    color: #d63a39;
                }
            }

            p:nth-of-type(3) {
                box-sizing: border-box;
                font-style: 12px;
                color: #848383;
                padding: 15px;
                display: flex;
                justify-content: flex-end;
            }

        }
    }

    ul:nth-of-type(1) {
        width: 395px;
        height: 95%;
    }

    ul:nth-of-type(2) {
        width: 395px;
        height: 95%;
    }

    ul:nth-of-type(3) {
        width: 395px;
        height: 95%;
    }
}